// src/APP.vue

<template>
<div id="v-for-example">
  <div>v-if 与v-for 一起使用</div>
  <ul>
    <template v-for="todo in todos">
      <li v-if="!todo.isComplete">
        {{ todo }}
      </li>
    </template>
  </ul>
</div>
</template>

<script lang="ts">
import {   defineComponent, reactive } from 'vue'

export default defineComponent({
  name:"APP",
  setup() {
    const todos = reactive([{ something: 'Foo' , id:0, isComplete: true}, { something: 'Bar',id:1, isComplete: false }])
    return {
      todos
    }

  }
})
</script>